html {width: 100%; }
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 11pt;
  line-height: 1.6;
  font-weight: 300;
  color: #4e4e4e;
  background: #fff;
  height: 100%;
  margin: 0;
  width: 100%;
  background: #eee;
}

/*********************************************************
  STYLE RESETS
*********************************************************/
a {
  color: #323232;
}
a:hover, a:focus {
    color: #faa13d;
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #4e4e4e;
  font-weight: 600;
}

h1 {
  font-size: 20pt;
}

h2 {
  font-size: 18pt;
}


h3 {
  font-size: 16px;
  font-weight: 700;
}

h4 {
  font-size: 14px;
  font-weight: 600;
}

/*********************************************************
  LOAD SCREEN
*********************************************************/

#entry, #timeout, #endingQuiz {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

#entry .jumbotron, #timeout .jumbotron, #endingQuiz .jumbotron{
  max-width: 640px;
  padding: 15px 0 0 0;
  margin: 80px auto 0 auto;
  background: #fff;
  font-size: 14pt;
  line-height: 16pt;
  border: 3px solid #00b1d7;
}

#entry .jumbotron-body, #timeout .jumbotron-body, #endingQuiz .jumbotron-body {
  padding: 15px 20px;
  font-size: 14pt;
}

#entry h2, #timeout h2, #endingQuiz h2 { margin-top: 0; font-weight:400; font-style:italic; font-size: 17pt;}

#timeout h2, #endingQuiz h2 { color: #F00; font-style:normal;}

#entry .panel-footer, .submit-panel {
	background: #f9fafb;
	border: 1px solid #e8ebed;
	border-width: 1px 0 0;
	text-align: center;
	padding: 15px 20px;
	font-weight: 600;
	border-radius: 0 0 6px 6px;
}

.submit-panel {
	margin-right: -30px;
	margin-left: -30px;
}

/*********************************************************
  MAIN PAGE
*********************************************************/

#wrapper {
    width: 100%;
	
}

.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	margin-right: -4px;
	text-align:center;
}

.page-heading { color: #0e85df; vertical-align:bottom; text-transform:uppercase; font-weight: 500; color: #faa74a; padding-bottom: 5px; background:url(../img/break-line-bl-1.gif) no-repeat center bottom; margin-bottom: 20px; margin-top: 10px}

/*********************************************************
  NAVBAR
*********************************************************/
.navbar { padding: 10px 0;}
.logo { float: left; width: 85px; float:left; }
#brand img { max-width: 80px;}

#main-nav .welcome { font-style:italic;}
#main-nav .welcome strong{ color: #00b1d7;}
#main-nav h2 { font-size: 16pt; margin-top: 80px; margin-bottom: 0; color: #0e85df;}

.navbar-default {background-color: #fff;}

.navbar-bright {
	background-color: #fff;
	color: #4e4e4e;
	border-bottom: none;
	border-bottom: 1px solid #faa13d;
}

.countdown-clock { max-width: 330px;border: 1px solid #b7b7b7; background: #333; padding: 10px 15px; color: #fff; font-size: 11pt;}
.countdown-clock p { margin-bottom: 3px;}
#countdown { font-size: 24pt; letter-spacing: 2px; color: #36d2f3;}


/*********************************************************
  BUTTONS
*********************************************************/
.link-btn { display: block; border: 1px solid #faa74a; width: 194px; height: 48px; line-height: 48px; vertical-align:middle; font-size: 11pt; font-weight: 500; color:#faa74a;  margin-left: 1px; margin: 0 auto; margin-top: 20px; }
.link-btn:hover {  background: #faa74a; color:#fff; }

/*********************************************************
  TEST CONTENT
*********************************************************/
#content { width: 100%; overflow:hidden;  }
#test { clear: both; }
#test .container .content-ctn{ background: #fff; padding: 170px 15px 0 15px; margin: 0;}

.quiz-item { padding: 10px 0 0 0}
.question { font-weight: 700; font-size: 12pt; margin-bottom: 2px;}
.quiz-item  .tip { font-style:italic;}
.quiz-item .radio { margin-bottom: 15px;}

.fade {
	opacity: 0;
	-webkit-transition: opacity 2.25s linear;
  	-moz-transition: opacity 2.25s linear;
   -ms-transition: opacity 2.25s linear;
	-o-transition: opacity 2.25s linear;
	transition: opacity 2.25s linear;
}

#back-to-top {
	width: 40px;
	height: 40px;
	display: block;
	position: fixed;
	z-index: 1000;
	opacity: 0.95;
    right: 10px;
	bottom: 10px;
}

#back-to-top img {
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#back-to-top .inner {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #f6f6f6 url('../img/circle-bg.png');
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	z-index: -1;
	margin: -4px 0 0 -4px;
}

#back-to-top:hover .inner {
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	margin: -6px 0 0 -6px;
}


/*********************************************************
  FOOTER
*********************************************************/

.footer {
  clear:both;
  font-size: 11pt;
  margin-top: 15px;
  padding-bottom: 15px;
}


@media (min-width:1200px) {

}

@media (min-width: 768px){
	#main-nav .col-sm-5 {width: 62%;}
	#main-nav .col-sm-offset-2 {margin-left: 0%; width: 38%;}
	#main-nav h2 {font-size: 16pt; margin-top: 80px;}
	.countdown-clock {
		max-width: auto;
		padding: 5px 15px;
		line-height: 1.5;
	}
}

@media (min-width:479px) and @media (max-width:640px) {
	
}

@media (max-width:479px) {
	body { line-height: 1.35;}
	h1 {font-size: 18pt; line-height: 1.4;}
	.navbar { padding-top: 0;}
	.logo { width: 60px;}
	#brand img { max-width: 50px;}
	#main-nav h2 {
	font-size: 14pt;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align:center;
	}
	#main-nav .welcome { text-align: right !important; margin-bottom: 5px; margin-left: 55px;}
	.countdown-clock {
		max-width: auto;
		padding: 5px 15px;
		float: none !important;
		line-height: 1.5;
	}
	
	#countdown { font-size: 20pt; }
	
	.col-sm-5.col-sm-offset-2 {clear: both;}
	
	#test .container .content-ctn{ background: #fff; padding: 220px 0px 0 0px; margin: 0;}
	.question {font-size: 12pt;}
	#back-to-top {display: none !important;}
	.submit-panel {
		margin-right: -15px;
		margin-left: -15px;
	}

}

/* iPhone 4 (portrait) */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait) { 
	
}

@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:portrait) {
}


@media (min-width:768px) and (max-width:992px) {
}

@media (min-width:992px) and (max-width:1200px) {
	
}

@media (min-width:1440px) {

}



